<!DOCTYPE html>
<html lang="en" itemscope itemtype="http://schema.org/WebPage">
  <head>
    

  <meta charset="utf-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">

 


      <title>我的目标002 - </title>

  <meta name="description" content="我的工作目标 用Hugo在gitee上构建博客（Windows环境下） 目录
用Hugo在gitee上构建博客（Windows环境下） 1.为什么要用gitee？ 2.安装git 3.安装Hugo 4.创建远程仓库 5.搭建博客 （以下所有命令都在git bash中输入） 6.感言 用Hugo在gitee上构建博客（Windows环境下） 大家好！这是我第一次在gitee上搭建博客，也是我第一次写博客。作为一个博客小白，我在搭建博客的过程中走了很多弯路，但也收获了丰富的经验。现在我把自己搭建博客的过程分享给大家，希望能帮助到有需要的人。当然其中还有很多不足之处，欢迎各位大佬指教！
1.为什么要用gitee？ 相信很多朋友都觉得用GitHub搭建博客会更好，那为什么还要使用gitee呢，下面我总结了几点使用gitee的优点：
更流畅的访问 由于某些众所周知的原因，GitHub有些时候可能无法访问或访问缓慢，gitee由于服务器在国内，访问速度还是很不错的；（呀！在小编写这篇博客的当天有很多朋友表示无法访问GitHub~） 私有仓库 相比于GitHub，gitee提供了私有仓库的功能，给代码在网上的托管提供了更多的选择。 2.安装git 安装地址：https://git-scm.com/download/win 安装时一路next就完事了 成功后右键可以看到 git bash 3.安装Hugo 安装地址https://github.com/gohugoio/hugo/releases 创建一个Hugo文件夹，打开并创建子文件夹bin,sites(以后在本地写博客的位置)，将压缩包解压到bin文件夹中
将hugo添加到系统路径
打开系统高级设置-&gt;环境变量，点击 用户变量中的Path，点击编辑，点击右上角新建，将上面的bin文件夹的地址复制粘贴，回车键，点击确定 验证是否安装成功 git bash中输入
hugo version
4.创建远程仓库 注册gitee账号
点击右上角“&#43;”号新建仓库
自定义仓库名（无需跟用户名相同，这点跟github不同）
是否开源：公开
创建
现在你有了自己的仓库，记得记下仓库地址，后边要用到哦~
5.搭建博客 （以下所有命令都在git bash中输入） 新建博客
在sites文件夹中
hugo new site myblog
myblog是博客名，可自定义，本文以此为例
设置主题
Hugo博客主题下载库:https://themes.gohugo.io/
找到自己喜欢的主题后
常规操作：Download后解压，打开，将文件夹名的“-master”去掉，再整个移到myblog的themes文件夹里
命令行操作：
cd themes git clone https://github.com/jbub/ghostwriter
此处以主题 ghostwriter为例
将themes/exampleSite文件夹里的内容复制粘贴到myblog中 &#43;注意，如果复制过来的config文件的后缀名是.yml，则删除原来的config.toml文件，否则直接替换即可
修改config.文件的baseUrl，改为gitee仓库的地址(记得以“/”结尾)(不用加.git)(不要出现多余空格)，添加配置
添加最后三行 查看主题效果"><script type="application/ld+json">
{
    "@context": "http://schema.org",
    "@type": "WebSite",
    "name": "kklife",
    
    "url": "https:\/\/kk-karl.gitee.io\/kklife\/"
}
</script><script type="application/ld+json">
{
  "@context": "http://schema.org",
  "@type": "Organization",
  "name": "",
  "url": "https:\/\/kk-karl.gitee.io\/kklife\/"
  
  
  
  
}
</script>
<script type="application/ld+json">
{
  "@context": "http://schema.org",
  "@type": "BreadcrumbList",
  "itemListElement": [{
        "@type": "ListItem",
        "position": 1,
        "item": {
          "@id": "https:\/\/kk-karl.gitee.io\/kklife\/",
          "name": "home"
        }
    },{
        "@type": "ListItem",
        "position": 3,
        "item": {
          "@id": "https:\/\/kk-karl.gitee.io\/kklife\/post\/%E6%88%91%E7%9A%84%E7%9B%AE%E6%A0%87002\/",
          "name": "我的目标002"
        }
    }]
}
</script><script type="application/ld+json">
{
  "@context": "http://schema.org",
  "@type": "Article",
  "author": {
    "name" : ""
  },
  "headline": "我的目标002",
  "description" : "我的工作目标 用Hugo在gitee上构建博客（Windows环境下） 目录\n用Hugo在gitee上构建博客（Windows环境下） 1.为什么要用gitee？ 2.安装git 3.安装Hugo 4.创建远程仓库 5.搭建博客 （以下所有命令都在git bash中输入） 6.感言 用Hugo在gitee上构建博客（Windows环境下） 大家好！这是我第一次在gitee上搭建博客，也是我第一次写博客。作为一个博客小白，我在搭建博客的过程中走了很多弯路，但也收获了丰富的经验。现在我把自己搭建博客的过程分享给大家，希望能帮助到有需要的人。当然其中还有很多不足之处，欢迎各位大佬指教！\n1.为什么要用gitee？ 相信很多朋友都觉得用GitHub搭建博客会更好，那为什么还要使用gitee呢，下面我总结了几点使用gitee的优点：\n更流畅的访问 由于某些众所周知的原因，GitHub有些时候可能无法访问或访问缓慢，gitee由于服务器在国内，访问速度还是很不错的；（呀！在小编写这篇博客的当天有很多朋友表示无法访问GitHub~） 私有仓库 相比于GitHub，gitee提供了私有仓库的功能，给代码在网上的托管提供了更多的选择。 2.安装git 安装地址：https:\/\/git-scm.com\/download\/win 安装时一路next就完事了 成功后右键可以看到 git bash 3.安装Hugo 安装地址https:\/\/github.com\/gohugoio\/hugo\/releases 创建一个Hugo文件夹，打开并创建子文件夹bin,sites(以后在本地写博客的位置)，将压缩包解压到bin文件夹中\n将hugo添加到系统路径\n打开系统高级设置-\u0026gt;环境变量，点击 用户变量中的Path，点击编辑，点击右上角新建，将上面的bin文件夹的地址复制粘贴，回车键，点击确定 验证是否安装成功 git bash中输入\nhugo version\n4.创建远程仓库 注册gitee账号\n点击右上角“\u002b”号新建仓库\n自定义仓库名（无需跟用户名相同，这点跟github不同）\n是否开源：公开\n创建\n现在你有了自己的仓库，记得记下仓库地址，后边要用到哦~\n5.搭建博客 （以下所有命令都在git bash中输入） 新建博客\n在sites文件夹中\nhugo new site myblog\nmyblog是博客名，可自定义，本文以此为例\n设置主题\nHugo博客主题下载库:https:\/\/themes.gohugo.io\/\n找到自己喜欢的主题后\n常规操作：Download后解压，打开，将文件夹名的“-master”去掉，再整个移到myblog的themes文件夹里\n命令行操作：\ncd themes git clone https:\/\/github.com\/jbub\/ghostwriter\n此处以主题 ghostwriter为例\n将themes\/exampleSite文件夹里的内容复制粘贴到myblog中 \u002b注意，如果复制过来的config文件的后缀名是.yml，则删除原来的config.toml文件，否则直接替换即可\n修改config.文件的baseUrl，改为gitee仓库的地址(记得以“\/”结尾)(不用加.git)(不要出现多余空格)，添加配置\n添加最后三行 查看主题效果",
  "inLanguage" : "en",
  "wordCount":  209 ,
  "datePublished" : "2024-04-14T18:09:42",
  "dateModified" : "2024-04-14T18:09:42",
  "image" : "https:\/\/kk-karl.gitee.io\/kklife\/",
  "keywords" : [ "hugo" ],
  "mainEntityOfPage" : "https:\/\/kk-karl.gitee.io\/kklife\/post\/%E6%88%91%E7%9A%84%E7%9B%AE%E6%A0%87002\/",
  "publisher" : {
    "@type": "Organization",
    "name" : "https:\/\/kk-karl.gitee.io\/kklife\/",
    "logo" : {
        "@type" : "ImageObject",
        "url" : "https:\/\/kk-karl.gitee.io\/kklife\/",
        "height" :  60 ,
        "width" :  60
    }
  }
}
</script>

<meta property="og:title" content="我的目标002" />
<meta property="og:description" content="我的工作目标 用Hugo在gitee上构建博客（Windows环境下） 目录
用Hugo在gitee上构建博客（Windows环境下） 1.为什么要用gitee？ 2.安装git 3.安装Hugo 4.创建远程仓库 5.搭建博客 （以下所有命令都在git bash中输入） 6.感言 用Hugo在gitee上构建博客（Windows环境下） 大家好！这是我第一次在gitee上搭建博客，也是我第一次写博客。作为一个博客小白，我在搭建博客的过程中走了很多弯路，但也收获了丰富的经验。现在我把自己搭建博客的过程分享给大家，希望能帮助到有需要的人。当然其中还有很多不足之处，欢迎各位大佬指教！
1.为什么要用gitee？ 相信很多朋友都觉得用GitHub搭建博客会更好，那为什么还要使用gitee呢，下面我总结了几点使用gitee的优点：
更流畅的访问 由于某些众所周知的原因，GitHub有些时候可能无法访问或访问缓慢，gitee由于服务器在国内，访问速度还是很不错的；（呀！在小编写这篇博客的当天有很多朋友表示无法访问GitHub~） 私有仓库 相比于GitHub，gitee提供了私有仓库的功能，给代码在网上的托管提供了更多的选择。 2.安装git 安装地址：https://git-scm.com/download/win 安装时一路next就完事了 成功后右键可以看到 git bash 3.安装Hugo 安装地址https://github.com/gohugoio/hugo/releases 创建一个Hugo文件夹，打开并创建子文件夹bin,sites(以后在本地写博客的位置)，将压缩包解压到bin文件夹中
将hugo添加到系统路径
打开系统高级设置-&gt;环境变量，点击 用户变量中的Path，点击编辑，点击右上角新建，将上面的bin文件夹的地址复制粘贴，回车键，点击确定 验证是否安装成功 git bash中输入
hugo version
4.创建远程仓库 注册gitee账号
点击右上角“&#43;”号新建仓库
自定义仓库名（无需跟用户名相同，这点跟github不同）
是否开源：公开
创建
现在你有了自己的仓库，记得记下仓库地址，后边要用到哦~
5.搭建博客 （以下所有命令都在git bash中输入） 新建博客
在sites文件夹中
hugo new site myblog
myblog是博客名，可自定义，本文以此为例
设置主题
Hugo博客主题下载库:https://themes.gohugo.io/
找到自己喜欢的主题后
常规操作：Download后解压，打开，将文件夹名的“-master”去掉，再整个移到myblog的themes文件夹里
命令行操作：
cd themes git clone https://github.com/jbub/ghostwriter
此处以主题 ghostwriter为例
将themes/exampleSite文件夹里的内容复制粘贴到myblog中 &#43;注意，如果复制过来的config文件的后缀名是.yml，则删除原来的config.toml文件，否则直接替换即可
修改config.文件的baseUrl，改为gitee仓库的地址(记得以“/”结尾)(不用加.git)(不要出现多余空格)，添加配置
添加最后三行 查看主题效果">
<meta property="og:url" content="https://kk-karl.gitee.io/kklife/post/%E6%88%91%E7%9A%84%E7%9B%AE%E6%A0%87002/" />
<meta property="og:type" content="website" />
<meta property="og:site_name" content="kklife" />

  <meta name="twitter:title" content="我的目标002" />
  <meta name="twitter:description" content="我的工作目标 用Hugo在gitee上构建博客（Windows环境下） 目录
用Hugo在gitee上构建博客（Windows环境下） 1.为什么要用gitee？ 2.安装git 3.安装Hugo 4.创建远程仓库 5.搭建博客 （以下所有命令都在git bash中输入） 6.感言 用Hugo在gitee上构建博客（Windows环境下） 大家好！这是我第一次在gitee上搭建博客，也是我第一次写 …">
  <meta name="twitter:card" content="summary_large_image" />
  <meta name="generator" content="Hugo 0.123.5">
  <link rel="alternate" href="https://kk-karl.gitee.io/kklife/index.xml" type="application/rss+xml" title="kklife"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.16.7/dist/katex.min.css" integrity="sha384-3UiQGuEI4TTMaFmGIZumfRPtfKQ3trwQE2JgosJxCnGmQpL/lJdjpcHkaaFwHlcI" crossorigin="anonymous">
  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css" integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU" crossorigin="anonymous">
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.4.1/dist/css/bootstrap.min.css" integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous"><link rel="stylesheet" href="https://kk-karl.gitee.io/kklife/css/main.css" /><link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lora:400,700,400italic,700italic" />
  <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800" /><link rel="stylesheet" href="https://kk-karl.gitee.io/kklife/css/syntax.css" /><link rel="stylesheet" href="https://kk-karl.gitee.io/kklife/css/codeblock.css" /><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/photoswipe/4.1.2/photoswipe.min.css" integrity="sha384-h/L2W9KefUClHWaty3SLE5F/qvc4djlyR4qY3NUV5HGQBBW7stbcfff1+I/vmsHh" crossorigin="anonymous">
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/photoswipe/4.1.2/default-skin/default-skin.min.css" integrity="sha384-iD0dNku6PYSIQLyfTOpB06F2KCZJAKLOThS5HRe8b3ibhdEQ6eKsFf/EeFxdOt5R" crossorigin="anonymous">

  </head>
  <body>
    <nav class="navbar navbar-default navbar-fixed-top navbar-custom">
  <div class="container-fluid">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#main-navbar">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <a class="navbar-brand" href="https://kk-karl.gitee.io/kklife/">kklife</a>
    </div>

    <div class="collapse navbar-collapse" id="main-navbar">
      <ul class="nav navbar-nav navbar-right">
        

        

        
      </ul>
    </div>

    

  </div>
</nav>




    


<div class="pswp" tabindex="-1" role="dialog" aria-hidden="true">

<div class="pswp__bg"></div>

<div class="pswp__scroll-wrap">
    
    <div class="pswp__container">
      <div class="pswp__item"></div>
      <div class="pswp__item"></div>
      <div class="pswp__item"></div>
    </div>
    
    <div class="pswp__ui pswp__ui--hidden">
    <div class="pswp__top-bar">
      
      <div class="pswp__counter"></div>
      <button class="pswp__button pswp__button--close" title="Close (Esc)"></button>
      <button class="pswp__button pswp__button--share" title="Share"></button>
      <button class="pswp__button pswp__button--fs" title="Toggle fullscreen"></button>
      <button class="pswp__button pswp__button--zoom" title="Zoom in/out"></button>
      
      
      <div class="pswp__preloader">
        <div class="pswp__preloader__icn">
          <div class="pswp__preloader__cut">
            <div class="pswp__preloader__donut"></div>
          </div>
        </div>
      </div>
    </div>
    <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap">
      <div class="pswp__share-tooltip"></div>
    </div>
    <button class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)">
    </button>
    <button class="pswp__button pswp__button--arrow--right" title="Next (arrow right)">
    </button>
    <div class="pswp__caption">
      <div class="pswp__caption__center"></div>
    </div>
    </div>
    </div>
</div>


  
  
  






  

  <header class="header-section ">
    
    
    <div class="intro-header no-img">
      <div class="container">
        <div class="row">
          <div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">
            <div class="post-heading">
              
                <h1>我的目标002</h1>
              
              
              
              
                <span class="post-meta">
  
  
  <i class="fas fa-calendar"></i>&nbsp;Posted on April 14, 2024
  
  
  
  
    
      &nbsp;|&nbsp;<i class="fas fa-user"></i>&nbsp;
    
  
  
</span>


              
            </div>
          </div>
        </div>
      </div>
    </div>
  
  </header>


    
<div class="container" role="main">
  <div class="row">
    <div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">
      <article role="main" class="blog-post">
        <h2 id="我的工作目标">我的工作目标</h2>
<h1 id="用hugo在gitee上构建博客windows环境下-httpswwwcnblogscomhometownblogp13789241html"><a href="https://www.cnblogs.com/hometownblog/p/13789241.html">用Hugo在gitee上构建博客（Windows环境下） </a></h1>
<p>目录</p>
<ul>
<li>用Hugo在gitee上构建博客（Windows环境下）
<ul>
<li><a href="https://www.cnblogs.com/hometownblog/p/13789241.html#1%E4%B8%BA%E4%BB%80%E4%B9%88%E8%A6%81%E7%94%A8gitee">1.为什么要用gitee？</a></li>
<li><a href="https://www.cnblogs.com/hometownblog/p/13789241.html#2%E5%AE%89%E8%A3%85git">2.安装git</a></li>
<li><a href="https://www.cnblogs.com/hometownblog/p/13789241.html#3%E5%AE%89%E8%A3%85hugo">3.安装Hugo</a></li>
<li><a href="https://www.cnblogs.com/hometownblog/p/13789241.html#4%E5%88%9B%E5%BB%BA%E8%BF%9C%E7%A8%8B%E4%BB%93%E5%BA%93">4.创建远程仓库</a></li>
<li><a href="https://www.cnblogs.com/hometownblog/p/13789241.html#5%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2--%E4%BB%A5%E4%B8%8B%E6%89%80%E6%9C%89%E5%91%BD%E4%BB%A4%E9%83%BD%E5%9C%A8git-bash%E4%B8%AD%E8%BE%93%E5%85%A5">5.搭建博客 （以下所有命令都在git bash中输入）</a></li>
<li><a href="https://www.cnblogs.com/hometownblog/p/13789241.html#6%E6%84%9F%E8%A8%80">6.感言</a></li>
</ul>
</li>
</ul>
<h1 id="用hugo在gitee上构建博客windows环境下">用Hugo在gitee上构建博客（Windows环境下）</h1>
<p>大家好！这是我第一次在gitee上搭建博客，也是我第一次写博客。作为一个博客小白，我在搭建博客的过程中走了很多弯路，但也收获了丰富的经验。现在我把自己搭建博客的过程分享给大家，希望能帮助到有需要的人。当然其中还有很多不足之处，欢迎各位大佬指教！</p>
<h2 id="1为什么要用gitee">1.为什么要用gitee？</h2>
<p>相信很多朋友都觉得用GitHub搭建博客会更好，那为什么还要使用gitee呢，下面我总结了几点使用gitee的优点：</p>
<ol>
<li><strong>更流畅的访问</strong> 由于某些众所周知的原因，GitHub有些时候可能无法访问或访问缓慢，gitee由于服务器在国内，访问速度还是很不错的；（呀！在小编写这篇博客的当天有很多朋友表示无法访问GitHub~）</li>
<li><strong>私有仓库</strong> 相比于GitHub，gitee提供了私有仓库的功能，给代码在网上的托管提供了更多的选择。</li>
</ol>
<h2 id="2安装git">2.安装git</h2>
<ul>
<li>安装地址：https://git-scm.com/download/win</li>
<li>安装时一路next就完事了</li>
<li>成功后右键可以看到 git bash</li>
</ul>
<h2 id="3安装hugo">3.安装Hugo</h2>
<ul>
<li>
<p>安装地址https://github.com/gohugoio/hugo/releases
<img src="https://img-blog.csdnimg.cn/20201004204804556.jpg#pic_left" alt="下载这一个"></p>
</li>
<li>
<p>创建一个Hugo文件夹，打开并创建子文件夹bin,sites(以后在本地写博客的位置)，将压缩包解压到bin文件夹中</p>
</li>
<li>
<p>将hugo添加到系统路径</p>
<ul>
<li>打开系统高级设置-&gt;环境变量，点击 用户变量中的Path，点击编辑，点击右上角新建，将上面的bin文件夹的地址复制粘贴，回车键，点击确定</li>
</ul>
</li>
<li>
<p>验证是否安装成功 <em>git bash中输入</em></p>
<blockquote>
<p>hugo version</p>
</blockquote>
</li>
</ul>
<h2 id="4创建远程仓库">4.创建远程仓库</h2>
<ul>
<li>
<p>注册gitee账号</p>
</li>
<li>
<p>点击右上角“+”号新建仓库</p>
</li>
<li>
<p>自定义仓库名（无需跟用户名相同，这点跟github不同）</p>
</li>
<li>
<p>是否开源：公开</p>
</li>
<li>
<p>创建</p>
<p><em>现在你有了自己的仓库，记得记下仓库地址，后边要用到哦~</em></p>
</li>
</ul>
<h2 id="5搭建博客-以下所有命令都在git-bash中输入">5.搭建博客 （以下所有命令都在git bash中输入）</h2>
<ul>
<li>
<p>新建博客</p>
<p>在sites文件夹中</p>
<blockquote>
<p>hugo new site myblog</p>
</blockquote>
<p><em><code>myblog</code>是博客名，可自定义，本文以此为例</em></p>
</li>
<li>
<p>设置主题</p>
<ul>
<li>
<p>Hugo博客主题下载库:https://themes.gohugo.io/</p>
</li>
<li>
<p>找到自己喜欢的主题后</p>
<ul>
<li>
<p>常规操作：Download后解压，打开，将文件夹名的“-master”去掉，再整个移到<code>myblog</code>的<code>themes</code>文件夹里</p>
</li>
<li>
<p>命令行操作：</p>
<blockquote>
<p>cd themes
git clone <a href="https://github.com/jbub/ghostwriter">https://github.com/jbub/ghostwriter</a></p>
</blockquote>
<p><em>此处以主题 <code>ghostwriter</code>为例</em></p>
</li>
</ul>
</li>
</ul>
</li>
<li>
<p>将<code>themes/exampleSite</code>文件夹里的内容复制粘贴到<code>myblog</code>中
+<em>注意，如果复制过来的config文件的后缀名是.yml，则删除原来的config.toml文件，否则直接替换即可</em></p>
</li>
<li>
<p>修改config.文件的<code>baseUrl</code>，改为gitee仓库的地址(记得以“/”结尾)(不用加.git)(不要出现多余空格)，添加配置</p>
<ul>
<li>添加最后三行<img src="https://img-blog.csdnimg.cn/20201004212342333.jpg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1OTc1NzU3,size_16,color_FFFFFF,t_70#pic_center" alt="配置"></li>
</ul>
</li>
<li>
<p>查看主题效果</p>
<ul>
<li>
<p>在</p>
<pre tabindex="0"><code>myblog
</code></pre><p>中</p>
<blockquote>
<p>hugo server -t ghostwriter &ndash;buildDrafts</p>
</blockquote>
</li>
<li>
<p>将末尾的<code>http://localhost:1313</code>复制到本地浏览器中，回车(<em>注意此时git bush保持打开；推荐使用谷歌浏览器</em>)</p>
</li>
<li>
<p>注意：git bush上的复制粘贴要右键copy/paste</p>
</li>
</ul>
</li>
<li>
<p>创建自己的博客文章（心急的同学可先跳过此步）</p>
<ul>
<li>
<p>添加博客</p>
<ul>
<li>
<p>打开<code>myblog</code>/<code>content</code>/<code>post</code>,新建blog.md(博客源文件)</p>
</li>
<li>
<p>用vscode, Typora, Notepad++等软件打开 blog.md (如果都没有，记事本也是可以的)</p>
</li>
<li>
<p>开头写入
<img src="https://img-blog.csdnimg.cn/20201004213607143.jpg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1OTc1NzU3,size_16,color_FFFFFF,t_70#pic_left" alt="博客开头"></p>
</li>
<li>
<p>按markdown的语法编写具体内容</p>
</li>
<li>
<p>回到<code>myblog</code>文件夹，</p>
<blockquote>
<p>hugo server -t ghostwriter &ndash;buildDrafts</p>
</blockquote>
</li>
<li>
<p>将末尾的<code>http://localhost:1313</code>复制到本地浏览器中，回车，即可预览自己的博客</p>
</li>
</ul>
</li>
</ul>
</li>
<li>
<p>将本地博客部署到gitee上</p>
<ul>
<li>
<p>在<code>myblog</code>文件夹下</p>
<blockquote>
<p>hugo &ndash;theme=ghostwriter &ndash;baseUrl=&quot;(仓库地址)&quot; &ndash;buildDrafts</p>
</blockquote>
</li>
<li>
<p>在<code>myblog</code>中会生成<code>public</code>文件夹</p>
</li>
<li>
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-csharp" data-lang="csharp"><span class="line"><span class="cl"><span class="m">1.</span><span class="n">cd</span> <span class="kd">public</span>
</span></span><span class="line"><span class="cl"><span class="m">2.</span><span class="n">git</span> <span class="k">init</span>                          <span class="c1">//初始化本地仓库</span>
</span></span><span class="line"><span class="cl"><span class="m">3.</span><span class="n">git</span> <span class="k">add</span> <span class="p">.</span>						  <span class="c1">//将public文件夹下的所有文件放入缓存流中等待提交，注意此处空一格有个点</span>
</span></span><span class="line"><span class="cl"><span class="m">4.</span><span class="n">git</span> <span class="n">commit</span> <span class="p">-</span><span class="n">m</span> <span class="s">&#34;xx&#34;</span>                <span class="c1">//把缓存内容放进发送头，仍为待发送状态，“xx”为对本次上传作的说明</span>
</span></span><span class="line"><span class="cl"><span class="m">5.</span><span class="n">git</span> <span class="n">remote</span> <span class="k">add</span> <span class="n">origin</span> <span class="p">(</span><span class="err">仓库地址</span><span class="p">)</span>   <span class="c1">//绑定了.git配置文件夹对应的远端服务器</span>
</span></span><span class="line"><span class="cl"><span class="m">6.</span><span class="n">git</span> <span class="n">push</span> <span class="p">-</span><span class="n">u</span> <span class="n">origin</span> <span class="n">master</span>         <span class="c1">//推送到gitee</span>
</span></span></code></pre></div></li>
</ul>
<pre tabindex="0"><code>
  注意

    - 执行`git add .`前最好先看下.gitignore文件是否限制了上传的内容(会导致在gitee上显示博客是出现404),如果是的话修改为![.gitignore修改](https://img-blog.csdnimg.cn/2020100422012342.jpg#pic_center)

    - 如果出现警告![在这里插入图片描述](https://img-blog.csdnimg.cn/20201004220248890.jpg#pic_center)
      输入

      &gt; git config core.autocrlf false //仅对当前git仓库有效
      &gt; 或 git config --global core.autocrlf false //全局有效

    - 如果只要上传某个文件，输入

      &gt; git add xxx(文件名)

- 查看gitee上的博客

    - 点击gitee右上方的服务-&gt;Gitee pages，强制使用HTTPS,点击启动，打开生成的网址，就可以看到自己写的博客了

    - 如果发现网页渲染失败即没有主题，先刷新一下，看是否有效；如果还是无效，打开浏览器的开发者工具，在head中看.css链接是否仓库地址gitee.io后是否缺少一个“/”，如果少了，在本地myblog文件夹中config.toml文件中将baseUrl的地址最后加上一个“/”，再次上传public文件夹的内容![在这里插入图片描述](https://img-blog.csdnimg.cn/20201004221025557.jpg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1OTc1NzU3,size_16,color_FFFFFF,t_70#pic_center)

    - 如果还是没有渲染，可将本地的config.toml文件里的baseUrl注释掉（注释方法：在行首输入“## ”），删除public文件夹，再重新部署到gitee上，部署前先把远程仓库清空，然后命令

      &gt; hugo --theme=ghostwriter --baseUrl=&#34;(仓库地址)&#34; --buildDrafts

      改为

      &gt; hugo --theme=ghostwriter --buildDrafts

      然后就是正常的部署操作了。
</code></pre></li>
<li>
<p>本地修改后再次上传</p>
<ul>
<li>
<p><code>myblog</code>中</p>
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-csharp" data-lang="csharp"><span class="line"><span class="cl">   <span class="m">1.</span><span class="n">hugo</span>                    <span class="c1">//编译站点（要在本地浏览器查看，则使用 hugo server）</span>
</span></span><span class="line"><span class="cl">   <span class="m">2.</span><span class="n">cd</span> <span class="kd">public</span>
</span></span><span class="line"><span class="cl">   <span class="m">3.</span><span class="n">git</span> <span class="k">add</span> <span class="p">.</span>
</span></span><span class="line"><span class="cl">   <span class="m">4.</span><span class="n">git</span> <span class="n">commit</span> <span class="p">-</span><span class="n">m</span> <span class="err">“</span><span class="n">xxx</span><span class="err">”</span>
</span></span><span class="line"><span class="cl">   <span class="m">5.</span><span class="n">git</span> <span class="n">push</span> <span class="p">-</span><span class="n">u</span> <span class="n">origin</span> <span class="n">master</span>
</span></span></code></pre></div></li>
</ul>
</li>
</ul>
<h2 id="6感言">6.感言</h2>
<p>至此博客搭建大功告成！</p>
<p>博客的搭建过程也许不会那么顺利，各种各样的bug可能会让人怀疑人生，但坚持下来，看着自己一手搭建的博客，你会觉得之前付出的一切都是值得的！这也正是我们技术人的骄傲。</p>
<p>第一次写博客，错误在所难免，欢迎各位指正，不胜感激！</p>
<p>如果有小伙伴对本文感兴趣或者有什么想法，可以私聊小编，大家一起研究探讨~</p>
<p>PS：经过一轮搭建，你是否get到了如何不建博客只上传文件，没错，就是省去跟博客有关的所有步骤，快上机试试吧！</p>
<p>Reference</p>


        
          <div class="blog-tags">
            
              <a href="https://kk-karl.gitee.io/kklife//tags/hugo/">hugo</a>&nbsp;
            
          </div>
        

        

        
      </article>

      
        <ul class="pager blog-pager">
          
            <li class="previous">
              <a href="https://kk-karl.gitee.io/kklife/post/%E6%88%91%E7%9A%84%E7%9B%AE%E6%A0%87001/" data-toggle="tooltip" data-placement="top" title="我的目标001">&larr; Previous Post</a>
            </li>
          
          
        </ul>
      


      

    </div>
  </div>
</div>

      
<footer>
  <div class="container">
    
    <div class="row">
      <div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">
        <ul class="list-inline text-center footer-links">
          
          
        </ul>
        <p class="credits copyright text-muted">
          

          &nbsp;&bull;&nbsp;&copy;
          
            2024
          

          
            &nbsp;&bull;&nbsp;
            <a href="https://kk-karl.gitee.io/kklife/">kklife</a>
          
        </p>
        
        <p class="credits theme-by text-muted">
          <a href="https://gohugo.io">Hugo v0.123.5</a> powered &nbsp;&bull;&nbsp; Theme <a href="https://github.com/halogenica/beautifulhugo">Beautiful Hugo</a> adapted from <a href="https://deanattali.com/beautiful-jekyll/">Beautiful Jekyll</a>
          
        </p>
      </div>
    </div>
  </div>
</footer><script defer src="https://cdn.jsdelivr.net/npm/katex@0.16.7/dist/katex.min.js" integrity="sha384-G0zcxDFp5LWZtDuRMnBkk3EphCK1lhEf4UEyEM693ka574TZGwo4IWwS6QLzM/2t" crossorigin="anonymous"></script>
<script defer src="https://cdn.jsdelivr.net/npm/katex@0.16.7/dist/contrib/auto-render.min.js" integrity="sha384-+VBxd3r6XgURycqtZ117nYw44OOcIax56Z4dCRWbxyPt0Koah1uHoK0o4+/RRE05" crossorigin="anonymous" onload="renderMathInElement(document.body);"></script>
<script src="https://code.jquery.com/jquery-3.7.0.slim.min.js" integrity="sha384-w5y/xIeYixWvfM+A1cEbmHPURnvyqmVg5eVENruEdDjcyRLUSNej7512JQGspFUr" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@3.4.1/dist/js/bootstrap.min.js" integrity="sha384-aJ21OjlMXNL5UyIl/XNwTMqvzeRMZH2w8c5cRVpzpU8Y5bApTppSuUkhZXN0VxHd" crossorigin="anonymous"></script>

<script src="https://kk-karl.gitee.io/kklife/js/main.js"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/photoswipe/4.1.2/photoswipe.min.js" integrity="sha384-QELNnmcmU8IR9ZAykt67vGr9/rZJdHbiWi64V88fCPaOohUlHCqUD/unNN0BXSqy" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/photoswipe/4.1.2/photoswipe-ui-default.min.js" integrity="sha384-m67o7SkQ1ALzKZIFh4CiTA8tmadaujiTa9Vu+nqPSwDOqHrDmxLezTdFln8077+q" crossorigin="anonymous"></script><script src="https://kk-karl.gitee.io/kklife/js/load-photoswipe.js"></script>









    
  </body>
</html>

